.login-btn {
    background-color: rgba(0, 0, 0, .85) !important;
    color: #f0f8ff !important
}

.openharmony-font {
    font-size: 22px;
    font-weight: 500;
    margin-right: 5px
}

.openharmony-font, .powermgr-font {
    color: rgba(0, 0, 0, .85);
    line-height: 48px;
    cursor: pointer
}

.powermgr-font {
    font-size: 17px;
    font-weight: 300
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.copyright-font-size {
    font-size: 12px !important
}

.copyright-link-font-size {
    font-size: 8px !important
}

.pr-url-height {
    height: 85px
}

.cell .el-step__title {
    font-size: 12px;
    line-height: 22px
}

.cell .el-step__icon {
    width: 18px;
    height: 18px;
    font-size: 12px
}

body {
    margin: 0;
    background-color: #fafafa
}

.header-border {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.el-header {
    color: #333;
    height: 48px !important
}

.el-footer {
    background-color: #f2f6fc;
    height: 24px !important
}

.pr-form-item .el-form-item {
    margin-bottom: 13px
}

.el-main {
    color: #333;
    width: 100%;
    height: calc(100vh - 72px)
}

body > .el-container {
    margin-bottom: 40px
}